<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:olympos="http://primefaces.org/olympos">
    <ul id="layout-tab-menu">
        <li><a href="#" class="active" rel="layout-menu"> <i class="icon-speedometer33"/> <span class="layout-tab-menu-link-text"> Olympos Main Menu</span> </a></li>
        <li><a href="#" rel="layout-messages"> <i class="icon-chat66"/> <span class="layout-tab-menu-link-text"> Messages</span> </a></li>
        <li><a href="#" rel="layout-settings"> <i class="icon-settings47"/> <span class="layout-tab-menu-link-text"> Settings</span> </a></li>
        <li><a href="#" rel="layout-tasks"> <i class="icon-travel17"/> <span class="layout-tab-menu-link-text"> Tasks</span> </a></li>
        <li><a href="#" rel="layout-users"> <i class="icon-male238"/> <span class="layout-tab-menu-link-text"> Active Users</span> </a></li>
        <li><a href="#" rel="layout-files"> <i class="icon-arrow66"/> <span class="layout-tab-menu-link-text"> Cloud Files</span> </a></li>
        <li><a href="#" rel="layout-todos"> <i class="icon-clipboard88"/> <span class="layout-tab-menu-link-text"> My TODOs</span> </a></li>
        <li><a href="#" rel="layout-events"> <i class="icon-event9"/> <span class="layout-tab-menu-link-text"> My Events</span> </a></li>
        <li><a href="#" rel="layout-addressbook"> <i class="icon-emails5"/> <span class="layout-tab-menu-link-text"> My Address Book</span> </a></li>
    </ul>

    <h:form id="menuform">
        <olympos:menu>
            <p:submenu id="om_dashboards" label=" DASHBOARD">
                <p:menuitem id="om_db_landing" value="Your Promotion Page" icon="icon-planet23" outcome="/promotion-page.xhtml"/>
                <p:menuitem id="om_db_sc" value="Dashboard Supply Chain" icon="icon-website22" outcome="/dashboard-supplychain.xhtml"/>
                <p:menuitem id="om_db_b" value="Dashboard Banking" icon="icon-website22" outcome="/dashboard-banking.xhtml"/>
            </p:submenu>

            <p:submenu id="om_menuoptcolor" label=" MENU AND COLOR OPTIONS">
                <p:menuitem id="om_def" value="Default Menu Option" icon="icon-list3" onclick="Olympos.changeBodyClass('');return false;"/>
                <p:menuitem id="om_popup" value="Popup Menu Option" icon="icon-window32" onclick="Olympos.changeBodyClass('PopupMenu');return false;"/>
                <p:menuitem id="om_slim" value="Slim Menu Option" icon="icon-list3" onclick="Olympos.changeBodyClass('SlimMenu');return false;"/>
                <p:submenu id="om_colors" label=" Color Options" icon="icon-blood10">
                    <p:menuitem id="om_bg_blue" value="Blue Color" icon="icon-chemistry10" onclick="Olympos.changeBodyClass('BlueTopbar');return false;"/>
                    <p:menuitem id="om_bg_navy" value="Navy Color" icon="icon-chemistry10" onclick="Olympos.changeBodyClass('NavyTopbar');return false;"/>
                    <p:menuitem id="om_bg_leaden" value="Leaden Color" icon="icon-chemistry10" onclick="Olympos.changeBodyClass('LeadenTopbar');return false;"/>
                    <p:menuitem id="om_bg_red" value="Red Color" icon="icon-chemistry10" onclick="Olympos.changeBodyClass('RedTopbar');return false;"/>
                    <p:menuitem id="om_bg_green" value="Green Color" icon="icon-chemistry10" onclick="Olympos.changeBodyClass('GreenTopbar');return false;"/>
                    <p:menuitem id="om_bg_yellow" value="Yellow Color" icon="icon-chemistry10" onclick="Olympos.changeBodyClass('YellowTopbar');return false;"/>
                    <p:menuitem id="om_bg_orange" value="Orange Color" icon="icon-chemistry10" onclick="Olympos.changeBodyClass('OrangeTopbar');return false;"/>
                    <p:menuitem id="om_bg_purple" value="Purple Color" icon="icon-chemistry10" onclick="Olympos.changeBodyClass('PurpleTopbar');return false;"/>
                    <p:menuitem id="om_bg_aqua" value="Aqua Color" icon="icon-chemistry10" onclick="Olympos.changeBodyClass('AquaTopbar');return false;"/>
                </p:submenu>
            </p:submenu>

            <p:submenu id="om_theme" label=" OLYMPOS THEME">
                <p:menuitem id="om_sample" value="Sample Page" outcome="/sample.xhtml" icon="icon-document126" />
                <p:menuitem id="om_forms" value="Form Elements" outcome="/forms.xhtml" icon="icon-checking1" />
                <p:menuitem id="om_data" value="Data Components" outcome="/data.xhtml" icon="icon-time32" />
                <p:menuitem id="om_datatable" value="DataTable" outcome="/datatable.xhtml" icon="icon-notebook74" />
                <p:menuitem id="om_panels" value="Panels" outcome="/panel.xhtml" icon="icon-browsers5" />
                <p:menuitem id="om_overlays" value="Overlays" outcome="/overlay.xhtml" icon="icon-music-files" />
                <p:menuitem id="om_menus" value="Menus" outcome="/menu.xhtml" icon="icon-hierarchical8" />
                <p:menuitem id="om_messages" value="Messages" outcome="/messages.xhtml" icon="icon-speech-bubble7" />
                <p:menuitem id="om_charts" value="Charts" outcome="/charts.xhtml" icon="icon-arrow68" />
                <p:menuitem id="om_fileupload" value="FileUpload" outcome="/file.xhtml" icon="icon-statistic" />
                <p:menuitem id="om_misc" value="Misc" outcome="/misc.xhtml" icon="icon-medical55" />
            </p:submenu>

            <p:submenu id="om_default" label=" DEFAULT PAGES">
                <p:menuitem id="om_empty" value="Empty Page" outcome="/empty-page.xhtml" icon="icon-add173" />
                <p:menuitem id="om_login" value="Login Page" outcome="/login.xhtml" icon="icon-check61" />
                <p:menuitem id="om_error" value="Error Page" outcome="/error.xhtml" icon="icon-electronic58" />
                <p:menuitem id="om_404" value="404 Page" outcome="/404.xhtml" icon="icon-bandage" />
                <p:menuitem id="om_access" value="Access Denied Page" outcome="/access-denied" icon="icon-virtual2" />
            </p:submenu>

            <p:submenu id="om_hierarchy" label=" MENU HIERARCHY">
                <p:submenu id="om_sm1" label=" Submenu 1" icon="icon-add5">
                    <p:submenu id="om_sm11" label=" Submenu 1.1" icon="icon-add5">
                        <p:submenu id="om_sm111" label=" Submenu 1.1.1" icon="icon-add5">
                            <p:menuitem id="om_lnk1111" value="Link 1" url="#" icon="icon-link21" />
                            <p:menuitem id="om_lnk1112" value="Link 2" url="#" icon="icon-link21" />
                            <p:menuitem id="om_lnk1113" value="Link 3" url="#" icon="icon-link21" />
                        </p:submenu>
                    </p:submenu>
                    <p:menuitem id="om_lnk12" value="Submenu 1.2" url="#" icon="icon-link21" />
                    <p:menuitem id="om_lnk13" value="Submenu 1.3" url="#" icon="icon-link21" />
                </p:submenu>
                <p:submenu id="om_sm2" label=" Submenu 2" icon="icon-add5">
                    <p:submenu id="om_sm21" label=" Submenu 2.1" icon="icon-add5">
                        <p:submenu id="om_sm211" label=" Submenu 2.1.1" icon="icon-add5">
                            <p:menuitem id="om_lnk2111" value="Link 1" url="#" icon="icon-link21" />
                            <p:menuitem id="om_lnk2112" value="Link 2" url="#" icon="icon-link21" />
                            <p:menuitem id="om_lnk2113" value="Link 3" url="#" icon="icon-link21" />
                        </p:submenu>
                    </p:submenu>
                </p:submenu>
            </p:submenu>

            <p:submenu id="om_fonticon" label=" FONT ICON">
                <p:menuitem id="om_icons" value="Font Icons" outcome="/font-icons.xhtml" icon="icon-planet23" />
            </p:submenu>

            <p:submenu id="om_docs" label=" DOCUMENTATION">
                <p:submenu id="om_docs_core" label=" Core CSS Docs" icon="icon-doc2">
                    <p:menuitem id="om_docs_1" value="Installation" outcome="/docs/core/installation.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_2" value="Menus" outcome="/docs/core/menus.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_3" value="Responsive Mode" outcome="/docs/core/responsive-mode.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_4" value="ContainerX" outcome="/docs/core/containerx.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_5" value="Flex Boxes" outcome="/docs/core/flex.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_6" value="WidX" outcome="/docs/core/widx.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_7" value="Selection" outcome="/docs/core/selection.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_8" value="Visibility" outcome="/docs/core/visibilities.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_9" value="Displaying" outcome="/docs/core/displaying.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_10" value="Positioning" outcome="/docs/core/positioning.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_11" value="Underline" outcome="/docs/core/underline.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_12" value="Floating" outcome="/docs/core/floating.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_13" value="Overflows" outcome="/docs/core/overflows.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_14" value="Empty Boxes" outcome="/docs/core/empty-boxes.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_15" value="Opacity" outcome="/docs/core/opacity.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_16" value="Text Aligning" outcome="/docs/core/text-aligning.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_17" value="Box Sizing" outcome="/docs/core/box-sizing.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_18" value="Font Size" outcome="/docs/core/font-size.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_19" value="Font Weights" outcome="/docs/core/font-weights.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_20" value="Transitions" outcome="/docs/core/transitions.xhtml" icon="icon-doc2" />
                </p:submenu>
                <p:submenu id="om_docs_layout" label=" Layout CSS Docs" icon="icon-doc2">
                    <p:menuitem id="om_docs_21" value="LESS" outcome="/docs/layout/less.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_22" value="Cards" outcome="/docs/layout/cards.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_23" value="Text Colors" outcome="/docs/layout/text-colors.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_24" value="Background Colors" outcome="/docs/layout/background-colors.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_25" value="Borders" outcome="/docs/layout/borders.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_26" value="Separators" outcome="/docs/layout/separators.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_27" value="Effects" outcome="/docs/layout/effects.xhtml" icon="icon-doc2" />
                    <p:menuitem id="om_docs_28" value="Headings" outcome="/docs/layout/headings.xhtml" icon="icon-doc2" />
                </p:submenu>
            </p:submenu>
        </olympos:menu>
    </h:form>

    <ul class="layout-tab-submenu" id="layout-messages">
        <li>
            <a>MESSAGES</a>
            <ul>
                <div class="EmptyBox10"/>

                <li><a href="#" class="menulink"> <i class="icon-bell60 Red"/>
                        <span class="Fs10 DispBlock">Today</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Poe Dameron</span>
                        <span class="DispBlock FontLatoLight">Hi Luke, Cursus est primis euismod auctor sem nascetur est laoreet sagittis dui montes suscipit tristique lorem potenti</span>
                    </a></li>

                <div class="EmptyBox10"/>

                <li><a href="#" class="menulink"> <i class="icon-bell60 Blue"/>
                        <span class="Fs10 DispBlock">Today</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Kylo Ren</span>
                        <span class="DispBlock FontLatoLight">Hi Luke, Cursus est primis euismod auctor sem nascetur est laoreet sagittis dui montes suscipit tristique lorem potenti</span>
                    </a></li>

                <div class="EmptyBox10"/>

                <li><a href="#" class="menulink"> <i class="icon-bell60 Green"/>
                        <span class="Fs10 DispBlock">Yesterday</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Leia Solo</span>
                        <span class="DispBlock FontLatoLight">Hi Luke, Cursus est primis euismod auctor sem nascetur est laoreet sagittis dui montes suscipit tristique lorem potenti</span>
                    </a></li>

                <div class="EmptyBox10"/>

                <li><a href="#" class="menulink"> <i class="icon-bell60 Red"/>
                        <span class="Fs10 DispBlock">Yesterday</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Obi-Wan Kenobi</span>
                        <span class="DispBlock FontLatoLight">Hi Luke, Cursus est primis euismod auctor sem nascetur est laoreet sagittis dui montes suscipit tristique lorem potenti</span>
                    </a></li>

                <div class="EmptyBox10"/>

                <li><a href="#" class="menulink"> <i class="icon-bell60 Blue"/>
                        <span class="Fs10 DispBlock">3 days ago</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Han Solo</span>
                        <span class="DispBlock FontLatoLight">Hi Luke, Cursus est primis euismod auctor sem nascetur est laoreet sagittis dui montes suscipit tristique lorem potenti</span>
                    </a></li>

                <div class="EmptyBox10"/>

                <li><a href="#" class="menulink"> <i class="icon-bell60 Blue"/>
                        <span class="Fs10 DispBlock">4 days ago</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Boba Fett</span>
                        <span class="DispBlock FontLatoLight">Hi Luke, Cursus est primis euismod auctor sem nascetur est laoreet sagittis dui montes suscipit tristique lorem potenti</span>
                    </a></li>
            </ul>
        </li>
    </ul>

    <ul class="layout-tab-submenu" id="layout-settings">
        <li>
            <a class="TexAlCenter">USER SETTINGS</a>
            <ul>
                <div class="EmptyBox20"/>
                <li><a href="#" class="menulink TexAlCenter"> <i class="icon-user106 Yellow Fs30 Wid100 Fnone"/> Account Settings</a></li>
                <div class="EmptyBox20"/>
                <li><a href="#" class="menulink TexAlCenter"> <i class="icon-envelope80 Yellow Fs30 Wid100 Fnone"/> E-Mail Settings</a></li>
                <div class="EmptyBox20"/>
                <li><a href="#" class="menulink TexAlCenter"> <i class="icon-turn20 Yellow Fs30 Wid100 Fnone"/> Notification Settings</a></li>
                <div class="EmptyBox20"/>
                <li><a href="#" class="menulink TexAlCenter"> <i class="icon-web-design4 Yellow Fs30 Wid100 Fnone"/> Screen Settings</a></li>
                <div class="EmptyBox20"/>
                <li><a href="#" class="menulink TexAlCenter"> <i class="icon-updated Yellow Fs30 Wid100 Fnone"/> Security Settings</a></li>
            </ul>
        </li>
    </ul>

    <ul class="layout-tab-submenu" id="layout-tasks">
        <li>
            <a>MY TASKS</a>
            <div class="EmptyBox10"/>
            <ul>
                <li><a href="#" class="menulink"> <i class="icon-verification Red"/>
                        <span class="Fs10 DispBlock">Today</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Send PDF Reports To Manager</span>
                        <span class="DispBlock FontLatoLight">18.08.2016</span>
                    </a></li>
                <li><a href="#" class="menulink"> <i class="icon-verification Yellow"/>
                        <span class="Fs10 DispBlock">Today</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Call Project Manager</span>
                        <span class="DispBlock FontLatoLight">13.08.2016</span>
                    </a></li>
                <li><a href="#" class="menulink"> <i class="icon-verification Green"/>
                        <span class="Fs10 DispBlock">Today</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Call Customers</span>
                        <span class="DispBlock FontLatoLight">12.08.2016</span>
                    </a></li>
                <li><a href="#" class="menulink"> <i class="icon-verification Green"/>
                        <span class="Fs10 DispBlock">Today</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Set Reminders For Meetings</span>
                        <span class="DispBlock FontLatoLight">12.08.2016</span>
                    </a></li>
                <li><a href="#" class="menulink"> <i class="icon-verification Red"/>
                        <span class="Fs10 DispBlock">Today</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Send PDF Reports To Manager</span>
                        <span class="DispBlock FontLatoLight">18.08.2016</span>
                    </a></li>
                <li><a href="#" class="menulink"> <i class="icon-verification Blue"/>
                        <span class="Fs10 DispBlock">Today</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Call Project Manager</span>
                        <span class="DispBlock FontLatoLight">13.08.2016</span>
                    </a></li>
                <li><a href="#" class="menulink"> <i class="icon-verification Green"/>
                        <span class="Fs10 DispBlock">Today</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Call Customers</span>
                        <span class="DispBlock FontLatoLight">12.08.2016</span>
                    </a></li>
                <li><a href="#" class="menulink"> <i class="icon-verification Green"/>
                        <span class="Fs10 DispBlock">Today</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Set Reminders For Meetings</span>
                        <span class="DispBlock FontLatoLight">12.08.2016</span>
                    </a></li>
            </ul>
        </li>
    </ul>

    <ul class="layout-tab-submenu" id="layout-users">
        <li>
            <a class="TexAlCenter">ACTIVE USERS</a>
            <ul>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink TexAlCenter">
                        <i class="icon-presentation18 Blue Fs30 Wid100 Fnone"/>
                        <span class="DispBlock">Now</span> <span class="DispBlock Fs20 Red">23.678</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink TexAlCenter">
                        <i class="icon-first1 Blue Fs30 Wid100 Fnone"/>
                        <span class="DispBlock">Today</span> <span class="DispBlock Fs20 Red">345.678</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink TexAlCenter">
                        <i class="icon-calendar133 Blue Fs30 Wid100 Fnone"/>
                        <span class="DispBlock">This Week</span> <span class="DispBlock Fs20 Red">2.190.211</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink TexAlCenter">
                        <i class="icon-calendar133 Blue Fs30 Wid100 Fnone"/>
                        <span class="DispBlock">This Month</span> <span class="DispBlock Fs20 Red">18.336.890</span>
                    </a></li>
            </ul>
        </li>
    </ul>

    <ul class="layout-tab-submenu" id="layout-files">
        <li>
            <a>CLOUD FILES</a>
            <ul>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-doc2 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Weekly Sales Reports</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs10 DispBlock">Text File</span>
                            <span class="DispBlock FontLatoLight Fs12">File Creation - 18.08.2016</span>
                        </span>
                    </a></li>
                <div class="EmptyBox20"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-pdf19 Fs26 Red"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Customer Help File</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs10 DispBlock">PDF File</span>
                            <span class="DispBlock FontLatoLight Fs12">File Creation - 18.08.2016</span>
                        </span>
                    </a></li>
                <div class="EmptyBox20"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-ppt Fs26 Orange"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">New Products</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs10 DispBlock">Presentation File</span>
                            <span class="DispBlock FontLatoLight Fs12">File Creation - 18.08.2016</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-doc2 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Weekly Sales Reports</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs10 DispBlock">Text File</span>
                            <span class="DispBlock FontLatoLight Fs12">File Creation - 18.08.2016</span>
                        </span>
                    </a></li>
                <div class="EmptyBox20"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-pdf19 Fs26 Red"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Customer Help File</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs10 DispBlock">PDF File</span>
                            <span class="DispBlock FontLatoLight Fs12">File Creation - 18.08.2016</span>
                        </span>
                    </a></li>
                <div class="EmptyBox20"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-ppt Fs26 Orange"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">New Products</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs10 DispBlock">Presentation File</span>
                            <span class="DispBlock FontLatoLight Fs12">File Creation - 18.08.2016</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-doc2 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Weekly Sales Reports</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs10 DispBlock">Text File</span>
                            <span class="DispBlock FontLatoLight Fs12">File Creation - 18.08.2016</span>
                        </span>
                    </a></li>
                <div class="EmptyBox20"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-pdf19 Fs26 Red"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Customer Help File</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs10 DispBlock">PDF File</span>
                            <span class="DispBlock FontLatoLight Fs12">File Creation - 18.08.2016</span>
                        </span>
                    </a></li>
                <div class="EmptyBox20"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-ppt Fs26 Orange"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">New Products</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs10 DispBlock">Presentation File</span>
                            <span class="DispBlock FontLatoLight Fs12">File Creation - 18.08.2016</span>
                        </span>
                    </a></li>
            </ul>
        </li>
    </ul>

    <ul class="layout-tab-submenu" id="layout-todos">
        <li>
            <a>TODOs</a>
            <div class="EmptyBox10"/>
            <ul>
                <li><a href="#" class="menulink"> <i class="icon-accept4 Red"/>
                        <span class="Fs10 DispBlock">High Priority</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Send PDF Reports To Manager</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink"> <i class="icon-accept4 Blue"/>
                        <span class="Fs10 DispBlock">Mid Priority</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Call Project Manager</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink"> <i class="icon-accept4 Green"/>
                        <span class="Fs10 DispBlock">Low Priority</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Call Customers</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink"> <i class="icon-accept4 Green"/>
                        <span class="Fs10 DispBlock">Low Priority</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Set Reminders For Meetings</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink"> <i class="icon-accept4 Red"/>
                        <span class="Fs10 DispBlock">High Priority</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Send PDF Reports To Manager</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink"> <i class="icon-accept4 Blue"/>
                        <span class="Fs10 DispBlock">Mid Priority</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Call Project Manager</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink"> <i class="icon-accept4 Green"/>
                        <span class="Fs10 DispBlock">Low Priority</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Call Customers</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink"> <i class="icon-accept4 Green"/>
                        <span class="Fs10 DispBlock">Low Priority</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Set Reminders For Meetings</span>
                    </a></li>
            </ul>
        </li>
    </ul>

    <ul class="layout-tab-submenu" id="layout-events">
        <li>
            <a>MY EVENTS</a>
            <ul>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink"> <i class="icon-podcast3 Fs20 Green"/>
                        <span class="Fs10 DispBlock">18.08.2016</span>
                        <span class="Fs10 DispBlock">At My Office</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Office Orientations</span>
                        <span class="DispBlock FontLatoLight">A vestibulum a posuere parturient luctus accumsan placerat leo mi a turpis a quisque praesent</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink"> <i class="icon-podcast3 Fs20 Green"/>
                        <span class="Fs10 DispBlock">18.08.2016</span>
                        <span class="Fs10 DispBlock">At Meeting Room</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Meeting With Boss</span>
                        <span class="DispBlock FontLatoLight">A vestibulum a posuere parturient luctus accumsan placerat leo mi a turpis a quisque praesent</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink"> <i class="icon-podcast3 Fs20 Green"/>
                        <span class="Fs10 DispBlock">18.08.2016</span>
                        <span class="Fs10 DispBlock">At Customer Office</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">New Products Setup</span>
                        <span class="DispBlock FontLatoLight">A vestibulum a posuere parturient luctus accumsan placerat leo mi a turpis a quisque praesent</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink"> <i class="icon-podcast3 Fs20 Green"/>
                        <span class="Fs10 DispBlock">18.08.2016</span>
                        <span class="Fs10 DispBlock">At My Office</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Office Orientations</span>
                        <span class="DispBlock FontLatoLight">A vestibulum a posuere parturient luctus accumsan placerat leo mi a turpis a quisque praesent</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink"> <i class="icon-podcast3 Fs20 Green"/>
                        <span class="Fs10 DispBlock">18.08.2016</span>
                        <span class="Fs10 DispBlock">At Meeting Room</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">Meeting With Boss</span>
                        <span class="DispBlock FontLatoLight">A vestibulum a posuere parturient luctus accumsan placerat leo mi a turpis a quisque praesent</span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink"> <i class="icon-podcast3 Fs20 Green"/>
                        <span class="Fs10 DispBlock">18.08.2016</span>
                        <span class="Fs10 DispBlock">At Customer Office</span>
                        <div class="EmptyBox5"/>
                        <span class="DispBlock White Fs14 FontLatoRegular">New Products Setup</span>
                        <span class="DispBlock FontLatoLight">A vestibulum a posuere parturient luctus accumsan placerat leo mi a turpis a quisque praesent</span>
                    </a></li>
            </ul>
        </li>
    </ul>

    <ul class="layout-tab-submenu" id="layout-addressbook">
        <li>
            <a>MY ADDRESS BOOK</a>
            <ul>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Poe Dameron</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">poe@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Han Solo</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">han@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Boba Fett</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">boba@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Leia Solo</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">leia@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Poe Dameron</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">poe@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Han Solo</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">han@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Boba Fett</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">boba@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Leia Solo</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">leia@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Poe Dameron</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">poe@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Han Solo</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">han@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Boba Fett</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">boba@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Leia Solo</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">leia@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Poe Dameron</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">poe@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Han Solo</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">han@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Boba Fett</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">boba@olympos.com</span>
                        </span>
                    </a></li>
                <div class="EmptyBox10"/>
                <li><a href="#" class="menulink OvHidden"> <i class="icon-office-worker1 Fs26 Blue"/>
                        <span class="Fleft DispInlBlock">
                            <span class="DispBlock White Fs14 FontLatoRegular">Leia Solo</span>
                            <div class="EmptyBox5"/>
                            <span class="Fs16 DispBlock FontLatoLight">+1 (234) 567 8 901</span>
                            <span class="DispBlock FontLatoLight Fs12">leia@olympos.com</span>
                        </span>
                    </a></li>
            </ul>
        </li>
    </ul>
</ui:composition>